<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">

<body>

<wicket:panel>
	<wicket:enclosure child="categoriesList">
		<div wicket:id="toggleActions" class="float-end">
			<a href="javascript:void(0);" class="btn-link si" id="toggleCategories" wicket:id="toggleCategoriesLink" aria-controls="gradeSummaryTable"><wicket:message key="label.toolbar.togglecategories"></wicket:message></a>
			<a href="javascript:void(0);" class="btn-link gb-summary-expand-all" wicket:id="expandCategoriesLink" aria-controls="gradeSummaryTable"><wicket:message key="label.studentsummary.expandall"></wicket:message></a>
			<a href="javascript:void(0);" class="btn-link gb-summary-collapse-all" wicket:id="collapseCategoriesLink" aria-controls="gradeSummaryTable"><wicket:message key="label.studentsummary.collapseall"></wicket:message></a>
		</div>

		<table id="gradeSummaryTable" class="table table-bordered table-striped table-hover table-condensed">
			<caption class="sr-only"><wicket:message key="studentsummary.caption"/></caption>
			<thead>
				<tr>
					<th class="col-md-4" scope="col"><wicket:message key="column.header.studentsummary.gradebookitem" /></th>
					<th class="col-md-2" scope="col"><wicket:message key="column.header.studentsummary.grade" /></th>
					<th class="col-md-1" scope="col" wicket:id="weightColumnHeader"><wicket:message key="column.header.studentsummary.weight" /></th>
					<th class="date-col" scope="col" wicket:id="dateColumnHeader"><wicket:message key="column.header.studentsummary.duedate" /></th>
					<th class="col-md-3" scope="col"><wicket:message key="column.header.studentsummary.comments" /></th>
					<th class="col-md-2 category-col" scope="col" wicket:id="categoryColumnHeader"><wicket:message key="column.header.studentsummary.category" /></th>
				</tr>
			</thead>
			<wicket:container wicket:id="categoriesList">
				<wicket:enclosure child="categoryRow">
					<tbody class="gb-summary-category-tbody">
						<tr wicket:id="categoryRow" class="gb-summary-category-row" wicket:message="aria-label:studentsummary.categoryrow">
							<th scope="rowgroup">
								<div class="gb-summary-category-toggle-container">
									<a href="javascript:void(0);" class="gb-summary-category-toggle" wicket:message="title:studentsummary.categorytoggle"><span wicket:id="category" class="gb-summary-category-name"></span></a>
									<span class="gb-summary-grade-flags" wicket:id="flags">
										<span wicket:id="isExtraCredit" class="si gb-flag-extra-credit"></span>
										<span wicket:id="isEqualWeight" class="si gb-flag-equal-weight"></span>
									</span>
								</div>
								<p wicket:id="categoryDropInfo" class="gb-summary-grade-category-dropInfo">
									<span wicket:id="categoryDropInfo1">Drop Highest: 1</span><wbr/><span wicket:id="categoryDropInfo2">Drop Lowest: 1</span>
								</p>
							</th>
							<td class="gb-summary-category-grade" wicket:id="categoryGrade" wicket:message="aria-label:studentsummary.categoryaverage"></td>
							<td class="gb-summary-category-weight weight-col" wicket:id="categoryWeight" wicket:message="aria-label:studentsummary.categoryweight"></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</wicket:enclosure>
				<tbody class="gb-summary-assignments-tbody">
					<tr wicket:id="assignmentsForCategory" class="gb-summary-grade-row">
						<th scope="row">
							<span class="gb-summary-grade-title" wicket:id="title"></span>
							<span><a href="javascript:void(0);" class="gb-summary-grade-stats float-end" wicket:message="title:studentsummary.gradebookitem.assignmentstats" wicket:id="assignmentStatsLink"></a></span>
							<span class="gb-summary-grade-flags" wicket:id="flags">
								<span wicket:id="isExtraCredit" class="si gb-flag-extra-credit"></span>
								<span wicket:id="isNotCounted" class="si gb-flag-not-counted"></span>
								<span wicket:id="isNotReleased" class="si gb-flag-not-released"></span>
								<span wicket:id="isExcused" class="si gb-flag-excused"></span>
								<span wicket:id="isExternal"></span>
							</span>
							<a class="compare-grades-link" href="javascript:void(0);" wicket:message="title:studentsummary.gradebookitem.compare.title" wicket:id="compareLink">
								<wicket:message key="studentsummary.gradebookitem.compare"/>
							</a>
						</th>
						<td class="gb-summary-grade-score" wicket:id="gradeScore">
							<span class="gb-summary-grade-score-raw" wicket:id="grade" wicket:message="aria-label:studentsummary.gradebookitem.score"></span>
							<span class="gb-summary-grade-score-outof" wicket:id="outOf" wicket:message="aria-label:studentsummary.gradebookitem.outof"></span>
							<sakai-rubric-student-button wicket:id="sakai-rubric-student-button"></sakai-rubric-student-button>
						</td>
						<td wicket:id="weight"><!-- empty --></td>
						<td class="gb-summary-grade-duedate" wicket:id="dueDate"></td>
						<td class="gb-summary-grade-comments"><div wicket:id="comments"></div></td>
						<td class="gb-summary-grade-category" wicket:id="category">
							<div>
								<span wicket:id="categoryName"></span>
								<span class="gb-summary-grade-category-flags" wicket:id="cflags">
									<span wicket:id="isExtraCredit" class="si gb-flag-extra-credit"></span>
									<span wicket:id="isEqualWeight" class="si gb-flag-equal-weight"></span>
								</span>
							</div>
							<p wicket:id="categoryDropInfo" class="gb-summary-grade-category-col-dropInfo">Drop Highest: 1</p>
							<p wicket:id="categoryDropInfo2" class="gb-summary-grade-category-col-dropInfo">Drop Lowest: 1</p>
						</td>
					</tr>
				</tbody>
			</wicket:container>
		</table>
	</wicket:enclosure>
	<div wicket:id="assignmentStatsWindow"></div>
	<div wicket:id="compareGradesWindow"></div>
	<div id="loading-grade-summary" style="display:none">
		<img src="/library/image/sakai/spinner.gif" alt="loading" />
	</div>
</wicket:panel>

</body>
</html>
